<template>
  <div class="noneData" v-if="noneShow">
    <!-- <img src="img/noneDataL.png" /> -->
    <!-- <p>{{ noneTitle }}</p> -->
    <el-empty
      :description="noneTitle"
      size="120"
      class="w-[100%!important]"
      :style="{ height: height - 60 + 'px', padding: '0px!important' }"
    />
  </div>
</template>

<script>
export default {
  props: {
    noneShow: {
      type: Boolean,
      default: false,
    },
    noneTitle: {
      type: String,
      default: "暂无数据！",
    },
    height: {
      type: Number,
      default: 200,
    },
  },
};
</script>

<style lang="scss" scoped>
.noneData {
  width: 100%;
  margin: 30px 0;
  font-size: 16px;
  color: #333;
  text-align: center;

  img {
    height: 180px;
  }
}
</style>
